@charset "utf-8";

/* CSS Document */


/* Computer */

.grid_1 {
    width: 6.5%;
}

.grid_2 {
    width: 15%;
}

.grid_3 {
    width: 23.5%;
}

.grid_4 {
    width: 32%;
}

.grid_5 {
    width: 40.5%;
}

.grid_6 {
    width: 100%;
}

.grid_7 {
    width: 57.5%;
}

.grid_8 {
    width: 66%;
}

.grid_9 {
    width: 74.5%;
}

.grid_10 {
    width: 83%;
}

.grid_11 {
    width: 91.5%;
}

.grid_12 {
    width: 100%;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    margin: 0 20px 20px 0;
    float: left;
    display: block;
}

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

.gallery-list {
    margin: 0;
    padding: 0;
}

.little_respond {
    display: none;
}

.container {
    width: 1200px;
    max-width: 1200px;
    margin: auto;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    position: relative;
    z-index: 99;
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

* html .clearfix,
*:first-child+html .clearfix {
    zoom: 1
}

@media only screen and (max-width: 1024px) {
    .slide {
        background-attachment: scroll;
        background-position: 0 0 !important;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
    .gallery-list .omega {
        margin-right: 10px;
    }
    #slide1 h1 {
        font-size: 63px;
        line-height: 70px;
    }
    .slogan_text {
        font-size: 30px;
    }
    .left_bord,
    .right_bord {
        width: 80px;
    }
    .padding_slide1 {
        padding: 150px 0 30px;
    }
    /* ___________ SERV_BLOCK __________ */
    /* __________ //SERV_BLOCK _________ */
    /* _____________ menu ______________ */
    .navigation li {
        margin-left: 20px;
    }
    /* ____________ //menu _____________ */
    .container {
        width: 724px;
    }
    .container .alpha {
        margin-left: 0;
        margin-right: 5px;
    }
    .container .omega {
        margin-right: 0;
    }
    .gallery-list .omega {
        margin-right: 10px;
    }
    .container .respond_pad {
        padding-right: 20px;
    }
    .grid_3 {
        width: 166px;
    }
    .grid_4 {
        width: 228px;
    }
    .grid_5 {
        width: 290px;
    }
    .grid_6 {
        width: 352px;
    }
    .grid_7 {
        width: 414px;
    }
    .grid_8 {
        width: 475px;
    }
    .grid_9 {
        width: 538px;
    }
    .grid_12 {
        width: 724px;
    }
}

@media only screen and (max-width: 766px) {
    .menu {
        height: 116px !important;
        position: fixed;
        top: 0;
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #undefined-sticky-wrapper {
        height: 0 !important;
    }
    .navigation li span {
        display: none;
    }
    .gallery-list .omega {
        margin-right: 10px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 766px) {
    h1 {
        font-size: 46px;
        line-height: 115px;
        padding-bottom: 0;
    }
    #logo {
        text-align: center;
    }
    .padding_slide1 {
        padding: 188px 0 100px;
    }
    #slide1 h1 {
        margin-top: 120px;
        padding-bottom: 5px;
        font-size: 40px;
        line-height: 50px;
    }
    .slogan_text {
        font-size: 24px;
        padding-bottom: 70px;
    }
    .left_bord,
    .right_bord {
        display: none;
    }
    /* _____________ menu ______________ */
    #nav {
        margin: 0;
    }
    .navigation li {
        padding: 7px 0 5px;
        margin-left: 25px;
    }
    ul.navigation {
        float: none;
        margin: 0;
    }
    /* ____________ //menu _____________ */
    .container {
        width: 420px;
    }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        width: 420px;
    }
    .fright {
        float: none;
    }
    .fleft {
        float: none;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size: 46px;
        line-height: 115px;
        padding-bottom: 0;
    }
    #logo {
        text-align: center;
    }
    #logo img {
        width: 90px;
    }
    .padding_slide1 {
        padding: 188px 0 100px;
    }
    #slide1 h1 {
        margin-top: 120px;
        padding-bottom: 5px;
        font-size: 40px;
        line-height: 50px;
    }
    .slogan_text {
        font-size: 24px;
        padding-bottom: 70px;
    }
    .left_bord,
    .right_bord {
        display: none;
    }
    .servc_block a {
        padding: 5px 0 10px;
        font-size: 14px;
    }
    /* ___________ SERV_BLOCK __________ */
    /* __________ //SERV_BLOCK _________ */
    /* _____________ menu ______________ */
    .menu {
        height: 130px;
        position: fixed;
    }
    #nav {
        margin: 0;
    }
    .navigation li {
        padding: 15px 0 17px;
        font-size: 11px;
        margin-left: 8px;
    }
    /* ____________ //menu _____________ */
    .container {
        width: 300px;
    }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        width: 300px;
    }
    .fright {
        float: none;
    }
    .fleft {
        float: none;
    }
}

@media screen and (max-width: 399px) {
    .navigation li {
        margin-left: 8px;
    }
    .gallery-list {
        width: 270px;
        margin-left: 15px !important;
    }
    #map_block iframe {
        height: 300px !important;
    }
    .contact_form input[type="text"],
    .contact_form textarea {
        width: 88%;
    }
    .container {
        width: 295px;
    }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        width: 295px;
    }
}